<template>
  <div class="app">
    <Head :name="name"></Head>
    <div class="img">
      <img :src="'http://124.93.196.45:10001/'+list.imgUrl" alt="">
    </div>
    <div style="width:95%;margin:auto;background:white;border-radius:15px;padding-top:10px ">
<p class="name">{{list.name}}</p>
<p class="phone">联系电话：{{list.phone}}</p>
<p class="shippingMethod">业务范围{{list.shippingMethod}}</p>
<p class="introduce">{{list.introduce}}</p>
    </div>
  </div>
</template>

<script>
import  Head  from "./logisiticsview/headView.vue"
import { detaillist } from "./service"
export default {
  data(){
    return{
    list:[],
    name:'公司详情'
    }
  },
  components:{
  Head,
  },
  async created(){
    let id=this.$route.query.id
    let res = await detaillist(id)
    this.list=res.data.data
  }
}
</script>

<style lang="scss" scoped>
.app{
margin: 0;
padding: 0;

.img{
  height: 200px;
  width: 100%;
  overflow: hidden;
  position: relative;
  img{
    width: 100%;
    position: absolute;
    top: -50px;
    height: 100%;
    // left: 10%;
  }
}
.name{
  margin: 10px;
  padding: 0;
color: red;

}
.phone{
  margin: 10px;
  margin-top: 20px;
  padding: 0;
  font-size: 20px;

}
.shippingMethod{
  margin: 10px;
  padding: 0;
  font-size: 20px;

}
.introduce{
  background-color: white;
  font-size: 18px;
  // border: 1px solid #999;
  color: rgb(110, 108, 108);
  padding: 10px;
  
}
}
</style>